<template>
  <div>
    <sui-container style="padding: 50px">
      <h2 is="sui-header">
        Table
        <a href="http://localhost:8080/" is="sui-button" style="float: right ">主页</a>
      </h2>
      <sui-divider/>
      <sui-table color="red" padded="very" size="large" selectable celled>
        <sui-table-header>
          <sui-table-row>
            <sui-table-header-cell>名称</sui-table-header-cell>
            <sui-table-header-cell>创建者</sui-table-header-cell>
            <sui-table-header-cell>年代</sui-table-header-cell>
            <sui-table-header-cell>LESS</sui-table-header-cell>
          </sui-table-row>
        </sui-table-header>
        <sui-table-body>
          <sui-table-row>
            <sui-table-cell>Bootstrp</sui-table-cell>
            <sui-table-cell>Anzia</sui-table-cell>
            <sui-table-cell>2021</sui-table-cell>
            <sui-table-cell positive>是</sui-table-cell>
          </sui-table-row>
          <sui-table-row>
            <sui-table-cell>Semantic UI</sui-table-cell>
            <sui-table-cell>Anzia</sui-table-cell>
            <sui-table-cell>2022</sui-table-cell>
            <sui-table-cell positive>是</sui-table-cell>
          </sui-table-row>
          <sui-table-row>
            <sui-table-cell>Springboot</sui-table-cell>
            <sui-table-cell>Anzia</sui-table-cell>
            <sui-table-cell disabled>2023</sui-table-cell>
            <sui-table-cell disabled negative>否</sui-table-cell>
          </sui-table-row>
        </sui-table-body>
      </sui-table>
    </sui-container>
  </div>
</template>

<script>
export default {
  name: 'Table'
}
</script>

<style scoped>

</style>
